<template>
    <div class="a">
        <div class="a-1">
            <div class="a-1-1">2305 <span>件</span></div>
            <div class="a-1-2">
                <div class="a-1-2-2"></div>
                <div>咨询</div>
            </div>
        </div>
        <div class="b">
            <div class="a-1">
                <div class="a-1-1">2305 <span>件</span></div>
                <div class="a-1-2">
                    <div class="a-1-2-2"></div>
                    <div>咨询</div>
                </div>
            </div>
            <div class="a-1">
                <div class="a-1-1">2305 <span>件</span></div>
                <div class="a-1-2">
                    <div class="a-1-2-2"></div>
                    <div>咨询</div>
                </div>
            </div>
            <div class="a-1">
                <div class="a-1-1">2305 <span>件</span></div>
                <div class="a-1-2">
                    <div class="a-1-2-2"></div>
                    <div>咨询</div>
                </div>
            </div>
        </div>
        <div class="b">
            <div class="a-1">
                <div class="a-1-1">2305 <span>件</span></div>
                <div class="a-1-2">
                    <div class="a-1-2-2"></div>
                    <div>咨询</div>
                </div>
            </div>
            <div class="a-1">
                <div class="a-1-1">2305 <span>件</span></div>
                <div class="a-1-2">
                    <div class="a-1-2-2"></div>
                    <div>咨询</div>
                </div>
            </div>

        </div>
    </div>
</template>
<style>
.b {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 70%;
}

.a {
    width: 500px;
    height: 300px;
    background-color: aqua;
    display: flex;
    flex-direction: column;
    /* padding: 20px 0; */
    justify-content: center;

    align-items: center;
}

.a-1-1 {
    font-weight: 700;
    font-size: 18px;
}

.a-1 {
    display: flex;
    flex-direction: column;
    align-items: left;
    width: fit-content;
    margin-bottom: 20px;
}

.a-1-2 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 2px;
}

.a-1-2-2 {
    width: 7px;
    height: 7px;
    background-color: rgb(255, 0, 0);
    border: 2px solid rgb(172, 94, 94);
    margin-right: 5px;
}


/* .a-1{
  
   } */
</style>
  
  